<?php
    echo $this->form($this->element->getName(),$this->element->getAttribs(),false);
    echo $this->renderElement($this->element->codelementolista);
    echo $this->renderElement($this->element->tipolista);
    echo $this->renderElement($this->element->elementocna);
    echo $this->element->texto->render();
    if(isset($this->element->tipopregunta)) {
        echo $this->element->tipopregunta->render();
    }
    //Zend_Debug::dump($this->view->elementolista);
    $elementolista = $this->view->elementolista;
?>
<div class="form-group">
  <div class="col-sm-offset-4 col-sm-8">
    <div id="help-SINO" class="alert alert-info" style="display:none;">Se creará automáticamente la opción <strong>SI</strong> y <strong>NO</strong>.<br/>
      <strong>SI</strong>: peso 100<br/><strong>NO</strong>: peso 0</div>
    <div id="help-MU" class="alert alert-info" style="display:none;">Ingrese las posibles opciones de respuesta, marcando solo una de ellas con peso <strong>100</strong>.</div>
    <div id="help-MM" class="alert alert-info" style="display:none;">Ingrese las posibles opciones de respuesta, distribuyendo los pesos de 0 a 100 en cada opción de respuesta.<br/>
      <strong>La suma total de todos los pesos, debe dar 100.</strong></div>
  </div>
  <div id="mark-placeholder" style="display:none;">
  <div class="form-group">
    <div class="col-sm-offset-4 col-sm-8">
      <button type="button" id="opcion-add" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-plus"></span> Agregar respuesta</button>
    </div>
  </div>
  <?php if(!empty($elementolista["tipopregunta"]) && $elementolista["tipopregunta"]!="SINO" && count($elementolista["escalas"]) >0): ?>
  <?php     foreach($elementolista["escalas"] as $index => $escala): ?>
              <div class="form-group">
                <label class="col-sm-4 control-label">*Opción de respuesta.</label>
                <div class="col-sm-8 form-inline">
                  <input type="text" class="form-control input-sm" style="width: 320px;" id="opcion-<?php echo $index+1;?>" name="opcion-text[]" placeholder="Texto respuesta" value="<?php echo $escala["nombre"];?>">
                  <input type="text" class="form-control input-sm" name="opcion-peso[]" id="opcion-peso-<?php echo $index+1;?>" value="<?php echo $escala["peso"];?>">
                  <input type="hidden" name="opcion-codigo[]" id="opcion-codigo-<?php echo $index+1;?>" value="<?php echo $escala["codescala"];?>">
                  <?php if($index >0): ?>
                  <button type="button" id="opcion-remove-<?php echo $index+1;?>" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-minus"></span></button>
                  <?php endif; ?>
                </div>
              </div>
  <?php     endforeach; ?>
  <?php else:?>
      <div class="form-group">
        <label class="col-sm-4 control-label">*Opción de respuesta.</label>
        <div class="col-sm-8 form-inline">
          <input type="text" class="form-control input-sm" style="width: 320px;" id="opcion-1" name="opcion-text[]" placeholder="Texto respuesta">
          <input type="text" class="form-control input-sm" name="opcion-peso[]" id="opcion-peso-1">
          <input type="hidden" class="form-control input-sm" name="opcion-codigo[]" id="opcion-codigo-1">
        </div>
      </div>
  <?php endif;?>
  </div>
  <div class="alert alert-danger" id="error-opciones" style="display:none;font-weight: bold;"></div>
</div>

<script type="text/javascript">
var div_error = null;
var btnSubmitAsig = null;
var validar = function() {
	div_error.hide();
	var tp = $("#tipopregunta").val();
	var errortextos = false;
	var errorpesos = false;
	var totalpesos = 0;
	var peso100 = false;
	if(tp == "MU" || tp == "MM") {
		$("#info_elemento input[name='opcion-text\\[\\]'").each(function(index, element){
			if($.trim($(element).val()) == "") {
				errortextos = true;
			}
		});
		$("#info_elemento input[name='opcion-peso\\[\\]'").each(function(index, element){
			var peso = parseInt($(element).val());
			totalpesos += peso;
			if(peso == 100) {
				peso100 = true;
			}
		});
	}
	if(errortextos) {
		div_error.html("TODOS LAS OPCIONES DE RESPUESTA DEBEN DILIGENCIARSE");
		div_error.show();
		return false;
	}
	if(totalpesos != 100 && (tp == "MU" || tp == "MM")) {
		div_error.html("LA SUMA DE TODOS LOS PESOS, DEBE SER 100");
		div_error.show();
		return false;
	}
	if(!peso100 && tp == "MU") {
		div_error.html("EN EL TIPO SELECCION UNICA, SOLO UNA OPCION DEBE TENER PESO 100");
		div_error.show();
		return false;
	}
	return true;
};
$(function() {
	div_error = $("#error-opciones");
	
	$("#info_elemento").submit(function(e) {
		if(!validar()) {
			e.preventDefault();
		}
	});
	$("#tipopregunta").change(function() {
		$("#help-SINO").hide();
		$("#help-MU").hide();
		$("#help-MM").hide();
		$("#help-"+this.value).show();
		if(this.value == "SINO") {
			$("#mark-placeholder").hide();
		} else {
			$("#mark-placeholder").show();
		}
	});
	var re = new RegExp("%%","g");
	$("#opcion-add").click(function(){
		CounterOptions++;
		$("#mark-placeholder").append($("#template-multiple").html().replace(re,CounterOptions));
		$("#opcion-peso-"+CounterOptions).spinedit({minimun:0, maximun:100, step:5});
		$("#opcion-remove-"+CounterOptions).click(function(){ $(this).closest("div.form-group").remove(); });
	});
	$("#info_elemento input[name='opcion-peso\\[\\]'").each(function(index, element){
		$(element).spinedit({minimun:0, maximun:100, step:5});
	});
	$("button[id|=opcion-remove]").click(function(){ $(this).closest("div.form-group").remove(); });
	//$("#opcion-peso-1").spinedit({minimun:0, maximun:100, step:5});
	var CounterOptions = <?php echo isset($elementolista, $elementolista["escalas"]) ? count($elementolista["escalas"])+2 : 1; ?>;
	$("#tipopregunta").val("<?php echo isset($elementolista, $elementolista["tipopregunta"]) ? $elementolista["tipopregunta"] : "SINO";?>").trigger("change");

});
</script>
<?php
    echo $this->element->btnSubmit->render();
    if(isset($this->element->btnSubmitAsig)) {
        echo $this->element->btnSubmitAsig->render();
    }
?>
	</form>
	<div id="template-multiple" style="display:none;">
      <div class="form-group">
      <label class="col-sm-4 control-label">*Opción de respuesta.</label>
      <div class="col-sm-8 form-inline">
          <input type="text" class="form-control input-sm" style="width: 320px;" id="opcion-%%" name="opcion-text[]" placeholder="Texto respuesta">
          <input type="text" class="form-control input-sm"  id="opcion-peso-%%" name="opcion-peso[]">
          <input type="hidden" class="form-control input-sm" name="opcion-codigo[]" id="opcion-codigo-%%">
          <button type="button" id="opcion-remove-%%" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-minus"></span></button>
      </div>
      </div>
    </div>
